<!-- 二级页面的页面自适应缩进类（可根据不同屏幕类型缩进相应的尺寸） -->
<template>
  <div class="firstPageCardMarginContainer">
    <div class="firstPageCardMargin">
      <slot></slot>
    </div>
  </div>
</template>
<script>
import {
  WIDTH_PHONE,
  PHONE_RATIO,
  WIDTH_SPREADED,
  SPREADED_RATIO,
  WIDTH_PAD_PORTRAIT,
  PAD_PORTRAIT_RATIO,
  WIDTH_PAD_LANDSCAPE,
  PAD_LANDSCAPE_RATIO,
  WIDTH_STANDARD,
  SPREADED_SCREEN_RATIO,
  selectWidth,
  flexibleWidth,
  flexibleHeight,
  screenDpr,
  screenType,
  screenDescription,
  isIOS,
  isSpreadOn,
  screenSize,
  getSecondPageStyle,
  getDialogFlexAlign,
  getDialogStyle,
  getSingleButtonStyle,
  setScreenResizeListener,
  itemWidth,
} from "../../../../assets/js/flexible.js";
export default {
  props: {

  },
  data() {
    return {

    };
  },
  mounted() {

  },
  watch: {

  },
  computed: {
  },
};
</script>
<style scoped>
.firstPageCardMarginContainer {
  width: 100%;
  flex-direction: column;
  display: flex;
  /* background: #00ff00; */
}

.firstPageCardMarginContainer .firstPageCardMargin {
  width: 100%-32px;
  margin-left: 16px;
  margin-right: 16px;
  flex-direction: column;
  display: flex;
  /* background: #ffff00; */
}
</style>
